.tab-box{
    min-height: 800px;
}

.account-item{
    margin: 2% 1%  0 1%;
    width: 23%;
    min-width: 224px;;
    height: 110px;
    background: #f68484;;
    border-radius: 10px;
    box-shadow: 2px 2px 6px rgba(124, 124, 124,0.5);
    .icon{
        padding: 0 20px;
        .iconfont{
        float: left;
        font-size: 50px;
        color: rgba(255, 255, 255, 0.4);
        line-height: 110px;
        }
    }
    .info{
        padding: 10px 10px 10px 30px;
        float: left;
        h3{
            font-size: 20px;
            color: #fff;
            line-height: 60px;
        }
        strong{
            font-size: 14px;
            color: #fff;
            line-height: 20px;
        }
                
    }
}
.account-item2{
    background: #75b9e6;
}
.account-item3{
    background: #71d398;
}
.account-item4{
    background: #97d3c5;
}
.account-item1:hover{
    background:#ed4a4f;
}
.account-item2:hover{
    background:#4c9ad8;
}
.account-item3:hover{
    background:#49c275;
}
.account-item4:hover{
    background:#6ebea9;
}
.table-title{
    padding: 40px 20px 20px 20px;
    font-size: 16px;
    // line-height: 40px;
    color: #2eafb8;
    .iconfont{
        padding: 0 20px;
        font-size: 20px;
    }
    
}
.record-list{
    margin:0 1%;
    width: 98%;
}
.xiugai{
    margin: 50px auto;
    width: 800px;
    height: 500px;
}
.xiugai:before{
    margin: 50px auto;
    background: url(../../img/bg.jpg) no-repeat center;
    background-size: cover;
    width: 800px;
    height:500px;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -400px;
    z-index: -1;
    -webkit-filter: blur(1px);
    filter: blur(1px);
}
.password{
    margin-top: 80px;
    padding: 20px 20px 20px 80px;
    width: 95%;
    .layui-form-item{
        width: 70%;
        .layui-input-inline{
            width: 100%;
        }
        
        .get-yzm{
            margin-left: -5px;
            font-size: 14px;
            color: #fff;
            line-height: 36px;
            padding: 0 20px;
            background: #2eafb8;
            border-radius: 3px;
        }
    }
    .layui-form-item .yzm{width: 307px;}
   
    .first{
        padding-top: 80px;
    }

    .layui-input-block input[disabled="disabled"]{
        color: #999;
        background: #fff;
    }
   .layui-btn{
       font-size: 14px;
       background: #2eafb8;
       margin: 20px 0 0 111px;
   }
   
}
.ts{
    border: solid 1px #faebcc;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #faebcc;
    border-radius: 10px;
    width: 100%;
    p{
        background: #fcf8e3;
        padding: 10px 20px;
        color: #c1913b;
        border: solid 1px #faebcc;
        font-size: 14px;
    }
   .ts-main{
    padding: 10px 20px;
    line-height: 26px;
    font-size: 14px;
    }
}
.recharge:before{
    background: url(../../img/cz-bg.jpg) no-repeat center;
    // background-size: 800px 500px;
}
.recharge{
    .password{
        padding: 20px 20px 20px 120px;
        .first{
            padding-top: 80px;
            p{float: left; padding: 40px 60px; }
           
        }
        .icon-zhifubao_blue{
            font-size: 20px;
            color: #2b98fc;
            line-height: 40px;
        }
    }
}